<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="/style.css" />
  <link rel="stylesheet" href="./index.scss" />
  <title>汇塑云</title>
</head>

<body class="md:w-[120rem] mx-auto">
  <header class="header max-sm:mb-[-40px] md:mb-[-154px]">
    <div class="top max-sm:hidden bg-[#f5f5f5]">
      <div class="group flex items-center justify-end mx-auto h-[40px] md:w-[80rem]">
        <img src="./assets/img/wechat.png" width="17" alt="关注汇塑云" />
        <span class="text ml-1">关注汇塑云</span>
      </div>
    </div>
    <div class="nav py-4 flex justify-between items-center md:w-[80rem] mx-auto">
      <a href="/" class="logo flex">
        <img src="./assets/img/logo.png" width="52" class="md:w-[104px]" alt="">
        <img src="./assets/img/hsy.png" class="text ml-2 max-sm:hidden" width="125">
      </a>
      <div class="menu">
        <img src="./assets/img/menu.png" width="23" alt="" class="menu-btn hidden max-sm:block">
        <div class="modal fade-in">
          <div class="modal-menu">
            <img src="./assets/img/menu.png" width="23" alt="" class="menu-btn hidden max-sm:block m-4 ml-auto">
            <div class="modal-menu-item">
              <a href="index.html" class="active">首页</a>
            </div>
            <div class="modal-menu-item">
              <a href="work.html">业务体系</a>
            </div>
            <div class="modal-menu-item">
              <a href="join.html">招商加盟</a>
            </div>
            <div class="modal-menu-item">
              <a href="contact.html">联系我们</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="banner relative">
      <div class="md:hidden max-sm:block relative">
        <img src="./assets/img/sbanner.png" alt="">
        <img class="text absolute top-[18px] left-0 max-md:w-[269px]" src="./assets/img/stext.png" alt="">
        <img class="relative top-[-40px]" src="./assets/img/smedia-commerce.png" alt="">
      </div>
      <img class="max-sm:hidden" src="./assets/img/banner.png" alt="">
      <img class="max-sm:hidden h-[470px] absolute top-0 left-[-15.9%] text w-full object-scale-down"
        src="./assets/img/text.png" alt="">
      <img class="max-sm:hidden relative top-[-70px] mx-auto" src="./assets/img/media-commerce.png" alt="">
    </div>
  </header>
  <main class="index">
    <div class="core">
      <div class="title max-sm:pt-3 pt-[114px] mb-5 md:mb-14">
        <img src="./assets/img/core-title.png" alt="" class="mx-auto md:w-[534px]" width="267">
      </div>
      <div class="core-contents md:w-[90rem] justify-between mx-auto flex flex-wrap max-sm:px-[15px] md:gap-5">
        <div class="content relative max-sm:w-full bg-white">
          <img class="max-sm:block hidden" src="./assets/img/score-1.png" alt="">
          <img class="max-sm:hidden h-[210px]" src="./assets/img/core-1.png" width="450" alt="">
          <div class="body absolute top-0 left-0 w-full px-5 py-4">
            <div class="title text-[15px] mb-3">品牌推广</div>
            <div class="phase text-[11px] leading-[20px]">为塑化企业提供站内站外一站式品牌推广服务，涵盖营销定位，广告投放与代运营，获客引流等，提升企业曝光度与品牌影响力。
            </div>
          </div>
        </div>
        <div class="content relative max-sm:w-full">
          <img class="max-sm:block hidden" src="./assets/img/score-2.png" alt="">
          <img class="max-sm:hidden h-[210px]" src="./assets/img/core-2.png" width="450" alt="">
          <div class="body absolute top-0 left-0 w-full px-5 py-4">
            <div class="title text-[15px] mb-3">直播营销</div>
            <div class="phase text-[11px] leading-[20px]">通过直播营销，短视频触达等形式，针对企业潜在客户做精准内容推送，收集高意向客户供企业转化，效能提升。 </div>
          </div>
        </div>
        <div class="content relative max-sm:w-full">
          <img class="max-sm:block hidden" src="./assets/img/score-3.png" alt="">
          <img class="max-sm:hidden h-[210px]" src="./assets/img/core-3.png" width="450" alt="">
          <div class="body absolute top-0 left-0 w-full px-5 py-4">
            <div class="title text-[15px] mb-3">会展服务</div>
            <div class="phase text-[11px] leading-[20px]">为百万塑化上下游企业提供国内外最新最全的展会信息报道，提供参展观展通道，实时了解掌握行业展会信息最前沿。</div>
          </div>
        </div>
        <div class="content relative max-sm:w-full">
          <img class="max-sm:block hidden" src="./assets/img/score-4.png" alt="">
          <img class="max-sm:hidden h-[210px]" src="./assets/img/core-4.png" width="450" alt="">
          <div class="body absolute top-0 left-0 w-full px-5 py-4">
            <div class="title text-[15px] mb-3">供需匹配</div>
            <div class="phase text-[11px] leading-[20px]">链接百万塑化行业上下游企业入驻，打造塑化企业供需信息整合服务平台。</div>
          </div>
        </div>
        <div class="content relative max-sm:w-full">
          <img class="max-sm:block hidden" src="./assets/img/score-5.png" alt="">
          <img class="max-sm:hidden h-[210px]" src="./assets/img/core-5.png" width="450" alt="">
          <div class="body absolute top-0 left-0 w-full px-5 py-4">
            <div class="title text-[15px] mb-3">汇塑云商</div>
            <div class="phase text-[11px] leading-[20px]">建立数据采集、汇聚、分析的服务体系，以统一平台 +
              智能应用的新型架构，支撑工业应用创新，助力工业企业快速构建智能工厂，让生产数据产生价值。</div>
          </div>
        </div>
        <div class="content relative max-sm:w-full">
          <img class="max-sm:block hidden" src="./assets/img/score-6.png" alt="">
          <img class="max-sm:hidden h-[210px]" src="./assets/img/core-6.png" width="450" alt="">
          <div class="body absolute top-0 left-0 w-full px-5 py-4">
            <div class="title text-[15px] mb-3">交易服务</div>
            <div class="phase text-[11px] leading-[20px]">
              服务范围覆盖通用塑料所有品类，并以延伸至改性工程塑料，助剂辅料，设备与制品等相关领域，提供塑化上下游企业一站式全方位的交易服务。</div>
          </div>
        </div>
      </div>
    </div>
  </main>
  <footer class="footer px-4 py-5 bg-[#0f1833] text-[#949ea8]">
    <div class="footer-content md:w-[80rem] md:mx-auto">
      <div class="col">
        <div class="title text-[15px] mb-2 leading-none">上海总部</div>
        <div class="addr text-[12px] mb-2">地址：上海市奉贤区大叶公路8188号8幢<br>
          邮箱：huisuclouds@huisuclouds.com　电话：13120887610</div>
      </div>
      <div class="col text-center max-sm:hidden">
        <img class="mb-3 mx-auto" src="./assets/img/qrcode.png" alt="" width="132">
        <span class="text-[18px]">关注汇塑云公众号</span>
      </div>
    </div>
    <div class="beian text-[12px] md:text-[18px] text-center">沪ICP备2022034351号-2</div>
  </footer>
  <script src="./index.js" type="module"></script>
</body>

</html>